/*!
 * Ext JS Library 3.0.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 *//*
Ext.onReady(function(){

    Ext.QuickTips.init();

    // turn on validation errors beside the field globally
    Ext.form.Field.prototype.msgTarget = 'side';

    //	var bd = Ext.getBody();
*/


    /*
     * ================  Form 5  =======================
     
    bd.createChild({tag: 'h2', html: 'Form 5 - ... and forms can contain TabPanel(s)'});
*/
    var materialFases = new Ext.ux.form.FileUploadField({
        width: 500
    });
    var materialActividades = new Ext.ux.form.FileUploadField({
        width: 400
    });
    var materialArtefactos = new Ext.ux.form.FileUploadField({
        width: 400
    });
  //esto debe traerse de la base de datos  
    var metodologia = new Ext.data.SimpleStore({
    fields: ['met_nombre'],
    data : [['XP'],['RUP']]
    });

    var fase = new Ext.data.SimpleStore({
    fields: ['fas_idfase', 'fas_nombrefase'],
    data : [['1','Fase1'],['2','Fase2']]
    });
    var actividad = new Ext.data.SimpleStore({
    fields: ['act_idactividad', 'act_nombreactividad'],
    data : [['1','act1'],['2','act2']]
    });


    var formMetodologia = new Ext.FormPanel({
        labelAlign: 'top',
        title: 'Registar Metodologia',
        bodyStyle:'padding:5px',
        width: 600,
	height:800,
        items: [{
            layout:'column',
            border:false,
            items:[{
                columnWidth:.5,
                layout: 'form',
                border:false,
                items: [{
                    xtype: 'combo',
                    name: 'metodologia_combo',
                    fieldLabel: 'Metodologia',
                    mode: 'local',
                    store: metodologia,
                    displayField:'met_nombre',
                    width: 270
	              }]
            }]
	  }
      ,{
            xtype:'tabpanel',
            plain:true,
            activeTab: 0,
            height:550,
            defaults:{bodyStyle:'padding:10px'},
            items:[{
                title:'Fases',
                layout:'form',
                defaults: {width: 230},
                defaultType: 'textfield',
                items: [{
                    fieldLabel: 'Nombre Fase',
                    name: 'nombreMetodologia',
                    allowBlank:false
                },     materialFases                   
                ,{
		    xtype:'htmleditor',
		    id:'descFases',
		    fieldLabel:'Descripcion de la Fase',
		    height:200,
		    anchor:'98%'
                }]
            },{
                title:'Actividades',
                layout:'form',
                defaults: {width: 230},
                defaultType: 'textfield',
                items: [{
		            fieldLabel: 'Nombre Actividad',
                    name: 'nombreActividad',
                    allowBlank:false
                }, {
                    xtype: 'combo',
                    name: 'fase_combo',
                    fieldLabel: 'Fase',
                    mode: 'local',
                    store: fase,
                    displayField:'fas_nombrefase',
                    width: 230
	              },  
              materialActividades                   
                ,{
      		    xtype:'htmleditor',
      		    id:'descActividad',
      		    fieldLabel:'Descripcion de Actividad',
      		    height:200,
      		    anchor:'98%'
                }]
            },{
                title:'Artefactos',
                layout:'form',
                defaults: {width: 230},
                defaultType: 'textfield',
                items: [{
                    fieldLabel: 'Nombre Artefacto',
                    name: 'nombreArtefacto',
                    allowBlank:false
                }, {
                    xtype: 'combo',
                    name: 'actividad_combo',
                    fieldLabel: 'Actividad',
                    mode: 'local',
                    store: actividad,
                    displayField:'act_nombreactividad',
                    width: 230
	              },{
                    xtype: 'combo',
                    name: 'fase_combo',
                    fieldLabel: 'Fase',
                    mode: 'local',
                    store: fase,
                    displayField:'fas_nombrefase',
                    width: 230
	              },   materialArtefactos                  
                ,{
		    xtype:'htmleditor',
		    id:'descArtefactos',
		    fieldLabel:'Descripcion de Artefactos',
		    height:200,
		    anchor:'98%'
                }]
            }],
        buttons: [{
            text: 'Agregar'
        },{
            text: 'Guardar'
        },{
            text: 'Cancelar'
        }]
        }]
//,


    });
/*
    formMetodologia.render(document.body);
});
*/